<template>
	<div class="header">
		<div class="header-back">
			<span class="iconfont">&#xeb21;</span>
		</div>
		<div class="header-search">
			<span class="iconfont">&#xe643;</span>
			上海海昌海洋公园
		</div>
		<div class="header-city">
			<span class="iconfont">&#xeb1f;</span>
		</div>
	</div>
</template>

<script>
	
</script>

<style lang="stylus" scoped>
.header
	line-height:.88rem
	text-align:center
	display:flex
	.header-back
		float:left
		width:.9rem
	.header-search
		flex:1
		height:.6rem
		line-height:.6rem
		margin-top:.2rem
		margin-left:.2rem
		margin-right:.2rem
		border-radius:.5rem
		box-shadow:0 0 .01rem .02rem #005
	.header-city
		float:right
		width:1.4rem
	
</style>

